<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="fonts/font_icon/iconfont.css" />
		<style type="text/css">
			.text-right {
				width: 70%;
				height: 30px;
				overflow: hidden;
				text-align: left;
				text-overflow: ellipsis;
				white-space: nowrap;
				float: left;
				line-height: 30px;
				font-size: 15px;
				color: #333333;
			}
			
			.text-left {
				width: 30%;
				height: 30px;
				overflow: hidden;
				text-align: center;
				text-overflow: ellipsis;
				white-space: nowrap;
				float: right;
				line-height: 30px;
				font-size: 15px;
				color: #333333;
			}
			
			.text-left span {
				color: #3AB3FF;
				margin-left: 15px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">章节测试</h1>
		</header>
		<div class="mui-content ">
			<div class="mui-row">
				<div class="mui-control-content mui-active" id="item1">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<div class="text-right">
								法规
							</div>
							<div class="text-left">
								题量<span>418</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								飞行前准备
							</div>
							<div class="text-left">
								题量<span>67</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								气象学
							</div>
							<div class="text-left">
								题量<span>374</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								空气动力学
							</div>
							<div class="text-left">
								题量<span>359</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								航空器动力装置及系统功能
							</div>
							<div class="text-left">
								题量<span>120</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								领航
							</div>
							<div class="text-left">
								题量<span>201</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								航空器运行
							</div>
							<div class="text-left">
								题量<span>142</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								重量与平衡
							</div>
							<div class="text-left">
								题量<span>16</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								飞行性能
							</div>
							<div class="text-left">
								题量<span>38</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								人的因素
							</div>
							<div class="text-left">
								题量<span>157</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="text-right">
								无线电通讯程序
							</div>
							<div class="text-left">
								题量<span>46</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			mui.ready(function() {
				mui('.mui-table-view').on('tap', '.mui-table-view-cell', function() {
					mui.openWindow({
						url: 'info_text2.html',
						id: 'item1'
					});
				})
			})
		</script>
	</body>

</html>